﻿@charset "utf-8";

/*初始化*/
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{ margin: 0; padding: 0;}
ul,li,ol,dl,dd { list-style: none; }
body { font: 12px/1.5 Tahoma,Verdana,Arial,"Microsoft YaHei"; color: #333; }
a { color: #666; text-decoration: none; outline: 0 none; -webkit-tap-highlight-color:rgba(0,0,0,0); }
img { border: none; }
input,textarea,button,select { outline: 0 none; font: normal 12px/1.5 Tahoma,"Lucida Grande",Verdana,"Microsoft Yahei",STXihei,hei; }
textarea { resize: none; box-sizing: border-box; }
/*低版本IE提示*/
.browse_tips { height: 45px; line-height: 45px; font-size: 16px; color: #999; text-align: center; position: relative; background: #233646; position: fixed; top: 0; left: 0; right: 0; z-index: 9999; }
	.browse_tips .iconfont { margin-right: 5px; font-size: 17px; color: #FB6A49; }
	.browse_tips a { color: #FB6A49; }

/*图标*/
@font-face {
	font-family: 'iconfont';
    src: url('iconfont/iconfont.eot'); /* IE9*/
    src: url('iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
    url('iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
                
.iconfont{font-family:"iconfont";font-size:12px;font-style:normal; }

/*基础*/
.fl { float: left; }
.fr { float: right; }
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.pd5 { padding: 5px !important; }
.pd10 { padding: 10px !important; }
.pd15 { padding: 15px !important; }
.pd20 { padding: 20px !important; }
.pd-t5 { padding-top: 5px !important; }
.pd-t10 { padding-top: 10px !important; }
.pd-t15 { padding-top: 15px !important; }
.pd-t20 { padding-top: 20px !important; }
.pd-r5 { padding-right: 5px !important; }
.pd-r10 { padding-right: 10px !important; }
.pd-r15 { padding-right: 15px !important; }
.pd-r20 { padding-right: 20px !important; }
.pd-b5 { padding-bottom: 5px !important; }
.pd-b10 { padding-bottom: 10px !important; }
.pd-b15 { padding-bottom: 15px !important; }
.pd-b20 { padding-bottom: 20px !important; }
.pd-l5 { padding-left: 5px !important; }
.pd-l10 { padding-left: 10px !important; }
.pd-l15 { padding-left: 15px !important; }
.pd-l20 { padding-left: 20px !important; }
.mg5 { margin: 5px !important; }
.mg10 { margin: 10px !important; }
.mg15 { margin: 15px !important; }
.mg20 { margin: 20px !important; }
.mg-t5 { margin-top: 5px !important; }
.mg-t10 { margin-top: 10px !important; }
.mg-t15 { margin-top: 15px !important; }
.mg-t20 { margin-top: 20px !important; }
.mg-t25 { margin-top: 25px !important; }
.mg-t30 { margin-top: 30px !important; }
.mg-b5 { margin-bottom: 5px !important; }
.mg-b10 { margin-bottom: 10px !important; }
.mg-b15 { margin-bottom: 15px !important; }
.mg-b20 { margin-bottom: 20px !important; }
.mg-b25 { margin-bottom: 25px !important; }
.mg-b30 { margin-bottom: 30px !important; }
.bd { border: #ddd solid 1px; }
.bd-t { border-top: #ddd solid 1px; }
.bd-r { border-right: #ddd solid 1px; }
.bd-b { border-bottom: #ddd solid 1px; }
.bd-l { border-left: #ddd solid 1px; }
.hidedot { white-space: nowrap; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; }
.clearfix { zoom: 1; }
.clearfix:after{ visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }

/*字号*/
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs22 { font-size: 22px; }
.fs24 { font-size: 24px; }
.fs26 { font-size: 26px; }
.fs28 { font-size: 28px; }
.fs30 { font-size: 30px; }
.fs32 { font-size: 32px; }
.fs34 { font-size: 34px; }
.fs36 { font-size: 36px; }

/*字色*/
.c-default { color: #1E9FFF; }
.c-danger { color: #FF5722; }
.c-normal { color: #1ab394; }
.c-warm { color: #F7B824; }
.c-white { color: #fff; }
.c-000 { color: #000; }
.c-333 { color: #333; }
.c-666 { color: #666; }
.c-999 { color: #999; }
.c-bbb { color: #bbb; }

/*栅格布局*/
.row { margin-left: -8px; margin-right: -8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.row:before,.row:after { display: table; content: " "; }
.row:after { clear: both; }
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 { min-height: 1px; padding-left: 8px; padding-right: 8px; float: left; box-sizing: border-box; }
.col-1  { width: 8.33333333%; }
.col-2  { width: 16.66666667%; }
.col-3  { width: 25%; }
.col-4  { width: 33.33333333%; }
.col-5  { width: 41.66666667%; }
.col-6  { width: 50%; }
.col-7  { width: 58.33333333%; }
.col-8  { width: 66.66666667%; }
.col-9  { width: 75%; }
.col-10 { width: 83.33333333%; }
.col-11 { width: 91.66666667%; }
.col-12 { width: 100%; }


/*主体框架*/
.header { height: 45px; }
	.header-fixed { height: 45px; padding: 0 15px; position: fixed; top: 0; left: 0; right: 0; z-index: 999; color: #fff; background: #330100; }
	.header-fixed a { color: #fff; }
	.header-fixed .logo { margin-top: 11px; display: inline-block; }
	.header-fixed .logo span { padding-top: 6px;font-size: 12px; color: #999; display: inline-block; }
	.header-fixed .logo img { height: 24px; float: left; }
.navbar li { line-height: 45px; font-size: 14px; float: left; }
	.navbar li .role { padding: 0 10px; }
	.navbar li .role .iconfont { font-size: 15px; }
	.navbar li a { padding: 0 10px; display: block;  }
	.navbar li.drop { position: relative; }
	.navbar li.drop ul { width: 100%; background: #fff; border: #eee solid 1px; border-bottom: none; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); position: absolute; top: 45px; right: 0; display: none; box-sizing: border-box; }
	.navbar li.drop li { border-bottom: #eee solid 1px; float: none; }
	.navbar li.drop li a { line-height: 36px; color: #333; white-space: nowrap; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; }
	.navbar li.drop li a:hover { background: #f8f8f8; }
	.navbar li.drop:hover ul { display: block; }
	.navbar li.drop:hover a { background-color: rgba(255,255,255,0.1); -webkit-transition:background-color .3s ease 0s;-moz-transition:background-color .3s ease 0s;-o-transition:background-color .3s ease 0s;-ms-transition:background-color .3s ease 0s;transition:background-color .3s ease 0s }

.sidebar { width: 199px; background: #eee; border-right: #e5e5e5 solid 1px; overflow: auto; position: absolute; left: 0; top: 45px; bottom: 0; z-index: 99; }
	.menu-drop { border-bottom: #e5e5e5 solid 1px; font-size: 14px; }
	.menu-drop dl { border-top: #e5e5e5 solid 1px; }
	.menu-drop dt { padding-left: 18px; line-height: 38px; color: #333; cursor: pointer; position: relative; }
	.menu-drop dt .arrow { color: #bbb; font-size: 14px; position: absolute; right: 10px; top: 0; transition-duration: 0.3s; transition-property: all; }
	.menu-drop dt.selected .arrow { transform: rotate(180deg); }
	.menu-drop dd { border-top: #e5e5e5 solid 1px; font-size: 13px; display: none; }
	.menu-drop dd li a { padding: 0 15px 0 38px; line-height: 32px; display: block; }
	.menu-drop dd li a:hover { background: #f5f5f5; }
	.menu-drop dd li.current a { background: #fff; }

.content { min-width: 1150px; overflow: hidden; position: absolute; left: 200px; top: 45px; right: 0; bottom: 0; z-index: 9; }

.nav-tab { height: 39px; background: #eee; border-bottom: #ddd solid 1px; }
	.nav-tab li { float: left; line-height: 39px; border-right: #ddd solid 1px; position: relative; }
	.nav-tab li a { padding: 0 30px 0 20px; line-height: 39px; display: block; }
	.nav-tab li i { width: 13px; height: 13px; display: block; cursor: pointer; position: absolute; right: 10px; top: 13px; background: url(../images/tab-nav-close.png) no-repeat; }
	.nav-tab li i:hover { background-position: 0 -13px; }
	.nav-tab li:hover { background: #f5f5f5; }
	.nav-tab li.current a { background: #f5f5f5; }

.breadcrumb { height: 39px; padding: 0 15px; line-height: 39px; border-bottom: #e5e5e5 solid 1px; background: #f5f5f5; font-size: 13px; overflow: hidden; position: relative; z-index: 99; }
	.breadcrumb .route i { margin: 0 3px; font-style: normal; font-family: "simsun"; }
	.breadcrumb .route a:hover { color: #333; }
.main { position: absolute; left: 0; top: 40px; right: 0; bottom: 0; overflow: auto; }
.show-iframe { position: absolute; top: 0; right: 0; left: 0; bottom: 0;  }
	.show-iframe iframe { width: 100%; height: 100%; position: absolute; bottom: 0; }
